/* ------------ 第一种 ------------ */
.CodeMirror-wrap .CodeMirror-scroll {
  padding-top: 22px;
  /* 代码距离左边 */
  padding-left: 0.7rem;
  /* padding-left: 10px; */
}

/* 竖线 */
.CodeMirror-gutters {
  margin-top: 20px;
  margin-right: 20px;
}

/* 红色点 */
#write .md-fences:before {
  content: "";
  z-index: 4;
  display: block;
  position: absolute;
  top: 9px;
  left: 13px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  float: left;
  background-color: #fa3534;
}

/* 橙色点 */
#write .CodeMirror-scroll:before {
  content: "";
  z-index: 4;
  display: block;
  position: absolute;
  top: 0px;
  left: 29px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  float: left;
  z-index: 999;
  background-color: #ff9900;
}

/* 绿色点 */
#write .md-fences::after {
  content: "";
  z-index: 4;
  display: block;
  position: absolute;
  top: 9px;
  left: 63px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  float: left;
  background-color: #19be6b;
}

/* ------------ 第二种 ------------ */

.md-fences::before {
  position: absolute;
  content: '';
  background: #fa3534;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 12px;
  top: 12px;
  z-index: 999;
  box-shadow: 20px 0px 0px #ff9900, 40px 0px 0px #19be6b;
}

/* 二选一 */
.md-fences {
  /* 配合三个圆点 */
  padding-top: 30px;
}

/* .CodeMirror {
	padding-top: 20px !important;
}